<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>

<body>
    <script type="text/javascript" src="./lib/jquery.js"></script>
    <!-- script标签的src属性天生有跨域获取数据的能力 -->
    <!-- 那么我们是否可以借助这个特性跨域获取数据呢？ -->
    <!-- <script type="text/javascript" src="http://api.ehomespace.com/awards"></script> -->

    <script type="text/javascript">
        // 跨域:Ajax跨域调用url地址无法获取数据（浏览器同源策略限制了获取数据---主要考虑安全问题）
        // $.get('http://api.ehomespace.com/awards', function (res) {
        //   console.log(res)
        // })

        // 通过script标签的src属性可以得到后台的数据，但是js代码得不到这个数据
        // 这种发送的请求不是Ajax请求，就是普通的客户端请求
        // 如果需要在js代码中得到这份数据需要怎么做？做法就是JSONP的原理
        // 

        // 回调函数（后台接口返回的代码调用该回调函数）
        // 回调函数的名称由参数callback的值决定
        // callback这个名字是否是固定的？该名称由后端决定（只能看后端的脸色）
        function nihao(data) {
            console.log(data.message)
        }
    </script>
    <!-- script标签发送的请求是同步的 -->
    <script type="text/javascript" src="http://www.liulongbin.top:3006/api/jsonp?callback=nihao"></script>
    <!-- 上述链接返回的内容： hello({"message":"JSONP请求测试成功","data":{}}) -->
</body>

</html>